<!DOCTYPE html>
<!-- 声明文档类型：告诉浏览器下面代码用html5语法开发 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集：万国码 解决乱码 -->
		<title>网页名字</title>
		<!-- 打开方式:ctrl+r
			右键（在外部资源管理器打开）
			视图（显示内置浏览器） 
			视图（显示工具栏）-->
		<style>
			/* 是 */
		</style>
	</head>
	<!-- 头 -->
	<body>
		<!-- html 属性与属性值  功能：做效果 针对单一元素 (两个元素时不可以)-->
		<p align="center">Lorem </p>
		<!-- css3 功能 ：做效果 全局效果
		前端要求：结构与表现分离【html写结构，css写样式】
		引入方式：①内部样式表：练习专用  √  
				 ②外部样式表：项目专用  √
				 ③内联样式表：使用方法与属性和属性值类似
				 ④引用样式表：css2语法，问题：先页面后效果
				  语法：@import
		-->
		<p style="text-align: center">lorem2</p>
	</body>
	<!-- 身子 -->
</html>
<!-- 轮廓 -->